<template>
	<view class="loginContainer">
		<image class="logo" src="http://yanxuan.nosdn.127.net/39c5e4583753d4c3cb868a64c2c109ea.png" mode=""></image>
		<p class='text'>网易自营，精品生活家居品牌</p>
		<div class="loginMethods">
			<button class="login wechatLogin" @click="getuserinfo">
				微信登录
			</button>
			<button class="login emailLogin">
				邮箱登录
			</button>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// userInformation:wx.getStorageSync('userInformation'),
			}
		},
		methods: {
			getuserinfo(e) {
				wx.getUserProfile({
					desc:'用户完善个人信息',
					success: (res) => {
						console.log(res)
						let userInformation=res.userInfo
						wx.setStorageSync('userInformation',userInformation)
						// this.userInformation=userInformation
						// 使用reLaunch的原因是在personal页面中获取存储的个人信息是在mounted中获取，
						// 但是mounted只会运行一次，所以得让其他页面销毁，重新加载其他页面，这个api就有这个功能
						wx.reLaunch({
							url:'/pages/personal/personal'
						})
					},
					fail: () => {
						wx.showToast({
							title:'授权失败',
							icon:'error',
							duration:2000
						})
					}
				})
			},
		},
	}
</script>

<style lang="stylus">
	.loginContainer
		width 100%
		height 100%
		background #F8F8F8
		display flex
		align-items center
		flex-direction column
		.logo
			width 300upx
			height 100upx
			margin-top 200upx
		.text
			font-size 26upx
			color #666
		.loginMethods
			width 80%
			margin 150upx auto
			display flex
			justify-content space-around
			.login
				width 240upx
				height 80upx
				background #41A863
				color #FFFFFF
				text-align center
				line-height 80upx
				font-size 26upx
			

</style>
